<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Life cycle callbacks test</title>
  <script defer src="main.js"></script>
</head>

<body>
  <template id="my-paragraph">
    <style>
      p {
        color: white;
        background-color: #666;
        padding: 5px;
      }
    </style>
    <p>My paragraph</p>
  </template>

  <my-paragraph></my-paragraph>
  <my-paragraph></my-paragraph>
  <my-paragraph></my-paragraph>
  <my-paragraph></my-paragraph>
</body>

</html>